<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Jsgx Mobile Data</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	<meta name="format-detection" content="telephone=no"/>
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<link rel="stylesheet" type="text/css" href="/wexin_info/assets/css/jquery.mobile-1.4.5.css">
	<style type="text/css">
		body {font: 400 16px/1.5 "微软雅黑";}
		ul,li,h1,p {margin:0;padding:0;}
		.ui-listview > .ui-li-static { padding: .5em 1em;}
		ul {list-style:none;}
		.wrapper01 .scroller li {height: 4rem;float: left;}
		.wrapper01 .scroller li a{color:#333;display:block;}
		.wrapper01 .scroller li.cur a{color:#1cbb9b;}
	</style>
</head>
<body>
	<div data-role="page" id="index" data-theme="a">
		<div data-role="header" data-position="fixed">
			<div data-role="navbar">
				<h1 align="center">江苏个险战报</h1>
				<ul>
					<li id="allPage"><a href="#" data-role="button" id="all">全部</a></li> 
					<li><a href="#" data-role="button" id="tra">传统</a></li> 
					<li><a href="#" data-role="button" id="con">顾问</a></li>
					<li><a href="#" data-role="button" id="ser">服务</a></li>
				</ul>
				<p style="text-align: center" id="uTime">${updateTime?string("yyyy-MM-dd HH:mm:ss")}</p>
			</div>
		</div>
		<div role="main" class="ui-content" id="mainContent">
			<div data-role="navbar" id="btnList">
				<ul>
					<li><a href="#" data-role="button" id="homePage">返回</a></li> 
					<li><a href="#" data-role="button" id="dayData">日</a></li> 
					<li><a href="#" data-role="button" id="monthData">月</a></li>
					<li><a href="#" data-role="button" id="yearData">年</a></li>
				</ul>
			</div>
			<ul data-role="listview" data-inset="true" id="list" ></ul>
		</div>
		<div data-role="footer" data-position="fixed">
			<div class="wrapper wrapper01" id="retr">
				<div class="scroller">
					<ul class="clearfix" id="BottomBtnList">
						<!-- a~i代表9个btn -->
						<li><a href="#" data-role="button">绩优人力</a></li>
						<li><a href="#" data-role="button">健康人力</a></li>
						<li><a href="#" data-role="button">举绩人力</a></li>
						<li><a href="#" data-role="button">出勤人力</a></li>
						<li><a href="#" data-role="button">新保规模排名</a></li>
						<li><a href="#" data-role="button">新保期缴同比排名</a></li>
						<li><a href="#" data-role="button">标保规模排名</a></li>
						<li><a href="#" data-role="button">标保同比排名</a></li>
						<li><a href="#" data-role="button" id="iBtn">标保达成率排名</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="/wexin_info/assets/js/jquery.min.js"></script>
	<script type="text/javascript" src="/wexin_info/assets/js/jquery-1.11.1.js"></script>
	<script type="text/javascript" src="/wexin_info/assets/js/jquery.mobile-1.4.5.js"></script>
	<script type="text/javascript" src="/wexin_info/assets/js/navbarscroll.js"></script>
	<script type="text/javascript" src="/wexin_info/assets/js/iscroll.js"></script>
	<!-- 开始编写交互逻辑 -->
	<script src="/wexin_info/assets/mdata.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(function(){
		// 全局变量
		var areaNum = 100001;
		var tblType = 0;
		var saleAttr = 0;
		var dataType = 0;
		var contentData = [];

		// 页脚导航栏
		$('.wrapper').navbarscroll();
		
		//使用 EL 表达式传入参数
		mdata.detail.getData({
			typeId : areaNum,
			saleAttr : saleAttr,
			type : tblType,
			dataType : dataType,
		});
		$.each($('ul > li'), function(i, o){
            if($(this).hasClass('cur')){
                    $(this).removeClass('cur');
            }
        });
        
		$("#all").click(function() {
			saleAttr = 0;
			mdata.detail.getData({
				typeId : areaNum,
				saleAttr : saleAttr,
				type : tblType,
				dataType : dataType,
			});
		});
		$("#tra").click(function() {
			saleAttr = 10;
			mdata.detail.getData({
				typeId : areaNum,
				saleAttr : saleAttr,
				type : tblType,
				dataType : dataType,
			});
		});
		$("#con").click(function() {
			saleAttr = 13;
			mdata.detail.getData({
				typeId : areaNum,
				saleAttr : saleAttr,
				type : tblType,
				dataType : dataType,
			});
		});
		$("#ser").click(function() {
			saleAttr = 51;
			mdata.detail.getData({
				typeId : areaNum,
				saleAttr : saleAttr,
				type : tblType,
				dataType : dataType,
			});
		});
		
		<!-- 日月度年度数据切换按钮 -->
		$("#dayData").click(function(){
			dataType = 0;
			mdata.content.create(dataContent, tblType, dataType);
		});
		$("#monthData").click(function(){
			dataType = 1;
			mdata.content.create(dataContent, tblType, dataType);
		});
		$("#yearData").click(function(){
			dataType = 2;
			mdata.content.create(dataContent, tblType, dataType);
		});
		
		<!-- homePage Btn -->
		$("#homePage").click(function(){
			areaNum = 100001;
			tblType = 0;
			dataType = 0;
			mdata.detail.getData({
				typeId : areaNum,
				saleAttr : saleAttr,
				type : tblType,
				dataType : dataType,
			});
		});
		
		$("#iBtn").click(function() {
			areaNum = 100002;
			tblType = 1;
			mdata.detail.getData({
				typeId : areaNum,
				saleAttr : 0,
				type : tblType,
				dataType : dataType,
			});
		});
	})
	</script>
</body>
</html>